<template>
  <div class="cell-list-item">
    <div class="title">
      <slot name="title">{{title}}</slot>
    </div>
    <div class="value">
      <slot name="value">{{value}}</slot>
    </div>
  </div>
</template>
<script>
export default {
  name: "CellListItem",
  props: ["title", "value"]
};
</script>
<style lang="scss" scoped>
@import "../assets/scss/lib/index.scss";
.cell-list-item {
  display: flex;
  height: 80px;
  align-items: center;
  background: #fff;
  padding:0 $offset;
  font-size: 24px;
  .title {
    min-width: 142px;
  }
	.value{
		flex: 1;
	}
}
</style>